#BoxOffice{
    width: 100%;
    height: 100%;
    overflow: scroll;

}
#BoxOffice .top {
    width: 98%;
    height: 60%;
    background-color: white;
    margin: 5px auto;
}
#BoxOffice .top .top-one {
    width: 100%;
    height: 13%;
}
#BoxOffice button {
    border: none;
    background-color: white;
    color: black;
    font-weight: bold;
}
#BoxOffice .top #top-two-main {
    width: 100%;
    height: 87%;
}

#BoxOffice .center {
    width: 98%;
    height: 50%;
    background-color: white;
    margin: 5px auto; /* 外边距*/
    display: flex; /*使子类div一行显示*/
}
#BoxOffice .center .center-left {
    width: 30%;
    height: 98%;
    margin: 5px auto; /* 外边距*/
    /*border: rebeccapurple solid 1px;*/
}
#BoxOffice .center .center-center {
    /*border: rebeccapurple solid 1px;*/
    width: 30%;
    height: 98%;
    margin: 5px auto; /* 外边距*/
}
#BoxOffice .center .center-right {
    /*border: rebeccapurple solid 1px;*/
    width: 30%;
    height: 98%;
    margin: 5px auto; /* 外边距*/
}


/*可视化底部区域*/

#BoxOffice .bottom {
    width: 98%;
    height: 50%;
    background-color: white;
    margin: 5px auto;
    overflow: scroll;
}